<template>
  <div class="outer">
    <swiper-banner></swiper-banner>
    <film-header></film-header>
    <router-view class="container"></router-view>
  </div>
</template>
<script>
import SwiperBanner from "./SwiperBanner.vue";
import FilmHeader from "./films/FilmHeader.vue";
import Vue from "vue";
Vue.use(SwiperBanner).use(FilmHeader);
export default {
  name: "Film",
  components: { SwiperBanner, FilmHeader }
};
</script>
<style lang="less" scoped>
.outer {
  margin: 0 auto;
  font-size: 14px;

  color: black;
}
</style>